<template>
    <div>
        <div class="about">
            <div class="top">
                <img src="../assets/images/about.png" alt=""/>
            </div>
            <div class="bot">
                <div class="title">CCIM</div>
                <div v-html="articleInfo[2].content"></div>
            </div>
        </div>
    </div>
</template>

<script>
    import {systemArticle} from "@api/public";

    export default {
        name: "privacy",
        data() {
            return {
                articleInfo:''
            }
        },
        methods: {
            getArticle() {
                systemArticle().then(
                    res => {
                        this.articleInfo = res.data
                    },
                    error => {
                        this.$dialog.message(error.msg);
                    }
                );
            }
        },
        mounted() {
            this.getArticle()
        }

    };
</script>

<style scoped  rel="stylesheet/scss" lang="scss" scoped>
    .about {
        min-height: 600px;
        .top {
            img {
                width: 100%;
                height: auto;
            }
        }

        .bot {
            width: 1200px;
            margin: 0 auto;
            margin-bottom: 50px;

            .title {
                font-size: 32px;
                font-family: MicrosoftYaHei, MicrosoftYaHei-Bold;
                font-weight: 700;
                text-align: left;
                color: #333333;
                padding: 49px 0 32px 0;
            }
        }
    }
</style>
